<template>
  <!-- <Rate :value="3"></Rate> -->
  <!-- <Rate :value="4" theme="red"></Rate> -->
  <div>
    <Rate :value="score" theme="green" @update-rate="update"></Rate>
    <RateWithModel v-model="scoreModel" theme="green" @update-rate="update">
      <img width="14" src="/favicon.ico"
    /></RateWithModel>
  </div>
</template>

<script setup>
import { ref } from "vue";
import Rate from "../components/rate.vue";
import RateWithModel from "../components/rateWithModel.vue";
let score = ref(3);
let scoreModel = ref(1.5);
function update(num) {
  score.value = num;
}
</script>
